@import './dark.scss';
@import './light.scss';

$themes: (
  dark: $dark,
  light: $light,
) !default;

@mixin getBgColor($name: 'bg-color', $keyName: 'background-color') {
  @each $key, $value in $themes {
    [data-theme='#{$key}'] & {
      #{$keyName}: map-get($value, $name);
    }
  }
}

@mixin getColor($name: 'color', $keyName: 'color') {
  @each $key, $value in $themes {
    [data-theme='#{$key}'] & {
      #{$keyName}: map-get($value, $name);
    }
  }
}
